<template>
    <div class="page">
      <div class="list">
        <div>
        <el-input v-model="seach" @input="Seach" placeholder="搜索"></el-input>
        </div>
          <div class="li" v-for="item in dataList" :key="item._id">
            <div class="li-info">
                  <div class="li-label">{{item.name}}</div>
                  <div class="li-txt">{{item.price}}</div>
              </div>
              <div class="li-info">
                  <div class="li-label">类型:</div>
                  <div class="li-txt">{{item.type}}</div>
              </div>
              <div class="li-info">
                  <div class="li-label">要求:</div>
                  <div class="li-txt">{{item.tip}}</div>
              </div>
          </div>
      </div>

    </div>
</template>
  
  <script>
  import comm from "@/mixins/comm.js";
  export default {
      mixins: [comm],
      data() {
          return {
              dataList: [
                  {
                      name: "推客帮",
                      type: "悬赏平台拉新",
                      price: "$13",
                      tip: "下载注册完成新手任务（秒结）"
                }
              ],
              seach: "",
          }
    },
      
/*       async created() {
          let res = await this.$awaitApi("queryAccountAll")
          this.dataList = res.data.items
          this.initdataList = res.data.items
    }, */
    methods: {
        // Seach() {
        //     this.dataList = this.initdataList.filter(e => {
        //         return e.username.indexOf(this.seach) != -1
        //     })
        // }
      }
  }
  </script>
  
  <style lang="less" scoped>
  .list {
      padding: 10px;
      margin-bottom: 40px;
      .title {
      }
      .li {
          background-color: #fff;
          box-shadow: 0 0 18px 0 rgba(0,0,0,.06);
          border-radius: 10px;
          padding: 10px;
          margin-top: 10px;
          .li-info {
              display: flex;
              margin: 5px 0;
              align-items: center;
              .li-label {
                  width: 90px;
                  text-align: right;
              }
              .li-txt {
                  margin-left: 20px;
                  
              }
          }
      }
  }
  .li-info {
              display: flex;
              margin: 5px 0;
              align-items: center;
              .li-label {
                  width: 90px;
                  text-align: right;
              }
              .li-txt {
                  margin-left: 20px;
                  
              }
          }
  </style>